<!-- 
测评详情 【废弃：无法记录没到题目选项】
 -->
<template>
	<view>
		<page-head :title="'测评结果'" :headtype="2"></page-head>
		<view class="resultmain marginAuto">
			<view class="fen">
				<text class="mainColor" style="font-size:100rpx;">70</text>
				<text style="font-size:28rpx;color:#333333;">分</text>
			</view>
			<view class="resulttxt">您的测评得分</view>
		</view>
		<view class="raisallist">
			<view class="raisalitem marginAuto" v-for="(item,index) in wtlist" :key="index">
				<view class="raisalitemtitle">
					1、初步认识 
					<text style="font-size:24rpx;color:#666666;" v-if="index == 0">(基础知识、环车检查、仪表讲解、上路前调
					整、上路简单操作)</text>
				</view>
				<view class="raisalitemse flex">
					<view class="raisalitemseeach flex" v-for="(items,indexs) in item.sedata" :key="indexs">
						<view class="raisalitemsele flex" :class="item.acid == indexs ? 'mainBg':'' ">
							<uv-icon class="marginAuto" name='checkmark' size="16" color="#ffffff"></uv-icon>
						</view>
						<view class="raisalitemtxt">{{ items.title }}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				apifun:this.apifun,
				datas:{},
				wtlist:[
					{sedata:[{"title":'入门'},{"title":'掌握'},{"title":'熟练'}]},
					{sedata:[{"title":'入门'},{"title":'掌握'},{"title":'熟练'}]},
					{sedata:[{"title":'入门'},{"title":'掌握'},{"title":'熟练'}]}
				]
			};
		},
		onLoad() {
			
		},
		methods: {
			
		},
	};
</script>

<style scoped lang="scss">
	.resultmain{
		position: relative;
		z-index: 10;
		padding-top:80rpx;
		text-align: center;
		.fen{}
		.resulttxt{
			color: #222222;
			font-size: 40rpx;
			padding: 40rpx 0;
		}
	}
	.raisallist{
		.raisalitem{
			width: 650rpx;
			margin-top:20rpx;
			padding: 20rpx;
			background: #fff;
			border-radius: 20rpx;
			.raisalitemtitle{
				font-size: 30rpx;
				color: #222222;
			}
			.raisalitemse{
				padding: 40rpx 0  20rpx;
				justify-content: space-between;
				.raisalitemseeach{
					.raisalitemsele{
						width: 40rpx;
						height: 40rpx;
						border: 1px solid #E7E7E7;
						background:#ffffff;
						border-radius: 50%;
						margin-right: 10rpx;
					}
					.raisalitemtxt{
						font-size: 30rpx;
						color: #222222;
						line-height: 40rpx;
					}
				}
			}
		}
	}
</style>